<template>
  <div class="tw-statistics">
    <div class="tw-statistics__left">
      <img :src="'/static/weishidataview/images/'+ statistics.url" alt="img">
      <div class="tw-statistics__info">
        <div class="info-left"></div>
        <div class="info">
          <p>{{statistics.info.name}}</p>
          <p>{{statistics.info.value}}</p>
        </div>
        <div class="info-right"></div>
      </div>
    </div>
    <div class="tw-statistics__right">
      <div class="tw-statistics__title">{{statistics.title}}</div>
      <table class="tw-info-table" cellspacing="0">
        <thead>
        <tr>
          <th v-for="item in statistics.tableData.thead" v-bind:key="item.id">{{item}}</th>
        </tr>
        </thead>
        <tbody>
        <tr v-for="item in statistics.tableData.tbody" v-bind:key="item.id">
          <td>{{item[0]}}</td>
          <td>{{item[1]}}</td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script scoped>
export default{
  props: ['statistics']
}
</script>

<style scoped></style>
